<template>
  <div >
    <el-container>
      <Header></Header>

      <Mall></Mall>
      <Footer></Footer>
    </el-container>
  </div>
</template>

<script>
import Header from "@/components/Header";
import Footer from "@/components/Footer";
import Mall from "@/components/Mall";

export default {
  name: "Shop",
  components: {
    Header,
    Footer,
    Mall,
  },
};
</script>

<style>
.el-container {
  display: flex;
  flex-direction: column; 
}
</style>

